<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>Chapter 13</title>
    <link rel="stylesheet" href="css/ajax.css">
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="js/ajax.js"></script>
</head>
<body>
    <div id="container">
        <h1>Chapter 13</h1>
        <div id="sidebar">
            <form id="ajax-form" action="http://api.jquery.com/" method="get">
                <fieldset>
                    <div class="text">
                        <label for="title">Search</label>
                        <input type="text" id="title" name="s">
                    </div>
                    <div class="actions">
                        <button type="submit">Request</button>
                    </div>
                </fieldset>
            </form>
            <div id="categories" class="hide">
                <h3>Categories</h3>
            </div>
        </div>
        <div id="response" class="response"></div>
    </div>
</body>
</html>